<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>零送水取桶</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <link rel="shortcut icon" href="image/favicon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./css/light7.min.css">
    <link rel="stylesheet" href="./css/cxvalidation.css">
    <link rel="stylesheet" href="./css/public.css?v=201812102">
    <link rel="stylesheet" href="./css/bucket.css?v=201812102">
</head>
<body>
<div class="page-group">
    <div class="page page-current ">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back external" href="javascript:redirect('import.html?ref=1')">
                返回
            </a>
            <h1 class='title'>零送水取桶</h1>
        </header>
        <div class="content-new">
            <div class="content-padded">
                <p>注意: 1.取桶数量为'0'时，请任意选择取桶品牌</p>
                <p>2.非'0'时，取桶数量和数量需要对号入座</p>
            </div>
            <form action="" name="myForm" id="myForm" method="post">
                <div class="ant-form-inline" style="overflow-y: scroll">
                    <div class="bucket-box" style="border-bottom:.3rem solid #EFEFF4;">
                        <div class="bucket-content">
                            <span>水桶品牌：</span>
                            <input type="text" class='picker gray_bor' id="bucket_category_id_value"
                                   placeholder="请选择水桶品牌"
                                   data-validation="required" data-validation-message='{"required":"请选择水桶品牌"}' />
                            <input type="hidden" name="bucket_category_ids[]" id="bucket_category_id" value="0">
                        </div>

                        <div class="bucket-content" >
                            <span>水桶数量：</span>
                            <input class="gray_bor nums" type="text" name="nums[]" id="nums"
                                   data-validation="required,integer,min[0],condRequired[bucket_category_id_value]"
                                   data-validation-message='{"required":"请填写水桶数量",
                               "integer":"水桶数量必须是数字","min":"水桶数量不能小于0","condRequired":"请填写水桶数量"}'
                                   style="width:60%;border-radius: 0.3rem;" />
                        </div>
                    </div>
                    <div id="bucket_detail_content">
                        <!--2-->


                        <!--3-->
                        <!--<div class="bucket-box">-->
                        <!--<div class="bucket-content">-->
                        <!--<span>水桶品牌：</span>-->
                        <!--<input type="text" class='picker2' id="bucket_category_id_value2"-->
                        <!--placeholder="请选择水桶品牌"-->
                        <!--data-validation="condRequired[nums2]" data-validation-message='{-->
                        <!--"condRequired":"请选择水桶品牌"}' />-->
                        <!--<input type="hidden" name="bucket_category_ids[]" id="bucket_category_id2" value="0">-->

                        <!--</div>-->

                        <!--<div class="bucket-content" >-->
                        <!--<span>水桶数量：</span>-->
                        <!--<input type="text" name="nums[]" id="nums2"-->
                        <!--data-validation="integer,min[0],condRequired[bucket_category_id_value2]"-->
                        <!--data-validation-message='{"integer":"水桶数量必须是数字","min":"水桶数量不能小于0",-->
                        <!--"condRequired":"请填写水桶数量"}' style="width:65%;border-radius: 0.3rem;"/>-->
                        <!--</div>-->
                        <!--</div>-->
                    </div>
                    <img class="add_img" src="image/add.png">
                </div>
                <div class="to_bottom">
                    <div class="p-button"><button  class="button button-fill" type="submit" style="width: 100%;">确认取桶</button></div>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/html" id="bucket_detail">
    {{each list bucket}}
    <div id="bucket{{bucket.id}}"  class="bucket-box" style="border-bottom:.3rem solid #EFEFF4;" >
        <div class="bucket-content">
            <span>水桶品牌：</span>
            <input type="text" class='picker picker{{bucket.id}} bucket_category bucket-picker gray_bor' data-id='{{bucket.id}}' value="{{bucket.value}}" id="bucket_category_id_value{{bucket.id}}"
                   placeholder="请选择水桶品牌"
                   data-validation="condRequired[nums{{bucket.id}}]" data-validation-message='{
                                               "condRequired":"请选择水桶品牌"}' />
            <input type="hidden" name="bucket_category_ids[]" id="bucket_category_id{{bucket.value}}" value="{{bucket.status}}">

        </div>

        <div class="bucket-content" >
            <span>水桶数量：</span>
            <input type="text" name="nums[]" class="nums gray_bor" id="nums{{bucket.id}}" value="{{bucket.num}}" data-id="{{bucket.id}}"
                   data-validation="integer,min[0],condRequired[bucket_category_id_value{{bucket.id}}]"
                   data-validation-message='{"integer":"水桶数量必须是数字","min":"水桶数量不能小于0",
                                               "condRequired":"请填写水桶数量"}'/>
        </div>
        <div id="del{{bucket.id}}" class="del_text del" data-id="{{bucket.id}}">删除</div>
    </div>
    {{/each}}
</script>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/light7.js"></script>
<script src="./js/art-template.js"></script>
<script src="./js/config.js?v=201812102"></script>
<script src="./js/cxvalidation.js"></script>
<script src="./js/commen.js?v=201812102"></script>
<script src="./js/take-bucke-detailt.js?v=201812102"></script>
</body>
</html>
